<!DOCTYPE html>
<html lang="en">
<head>
    <title>Single</title>
    <link href="../css/bootstrap.css" rel='stylesheet' type='text/css' />
    <!-- Custom Theme files -->
    <link href="../css/style.css" rel="stylesheet" type="text/css" media="all" />
    <!-- Owl Stylesheets -->
    <link rel="stylesheet" href="../css/flexslider.css" type="text/css" media="screen" />
    <script type="text/javascript" src="../js/jquery-1.11.0.min.js"></script>
    <!-- Custom Theme files -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="keywords" content="Studeon Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
    <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
    <!--webfont-->
    <link href='#css?family=Oswald:400,700,300|Open+Sans:300italic,400italic,600italic,400,300,600,700' rel='stylesheet' type='text/css'>
    <!--//webfont-->
    <!--Animation-->
    <script src="../js/wow.min.js"></script>
    <link href="../css/animate.css" rel='stylesheet' type='text/css' />
    <script>
        new WOW().init();
    </script>
</head>
<body>
<!--导航栏-->
<div class="header box css3-shadow" id="head">
    <div class="container">
        <div class="header-top">
            <div class="logo wow bounceInLeft" data-wow-delay="0.4s">
                <a href="index.html"><img src="../images/东北林业大学logo.jpeg" width="50" height="50" alt=""/></a>
            </div>
            <div class="h_menu4"><!-- start h_menu4 -->
                <a class="toggleMenu" href="#">Menu</a>
                <ul class="nav">
                    <!--                    <li class="active"><a class="scroll" href="index.html">首页</a></li>-->
                    <li class="active"><a href="index.html">首页</a></li>
                    <!--                    <li><a href="index.html" class="scroll">专业介绍</a></li>-->
                    <li><a href="index.html">专业介绍</a></li>
                    <li><a href="contact.html">实验室</a>
                        <ul>
                            <li><a href="contact.html">实验室1</a></li>
                            <li><a href="experiment2.html">实验室2</a></li>
                        </ul>
                    </li>
                    <li><a href="portfolio.html">教师队伍</a>
                        <!--                        <ul>-->
                        <!--                            <li><a href="feature.html">教授</a></li>-->
                        <!--                            <li><a href="feature.html">副教授</a></li>-->
                        <!--                            <li><a href="feature.html">讲师</a></li>-->
                        <!--                        </ul>-->
                    </li>
                    <!--                    <li><a href="index.html" class="scroll">就业指南</a></li>-->
                    <li><a href="index.html">就业指南</a></li>
                    <li><a href="feature.html">新闻公告</a></li>
                </ul>
                <script type="text/javascript" src="../js/nav.js"></script>
            </div><!-- end h_menu4 -->
            <!--        <div class="social_icons wow bounceInRight" data-wow-delay="0.4s">-->
            <!--            <ul>-->
            <!--                <li><a href="#"><i class="facebook"></i></a></li>-->
            <!--                <li><a href="#"><i class="twitter"></i></a></li>-->
            <!--                <li><a href="#"><i class="rss"></i></a></li>-->
            <!--                <li><a href="#"><i class="viemo"></i></a></li>-->
            <!--                <li><a href="#"><i class="youtube"></i></a></li>-->
            <!--                <li><a href="#"><i class="linkedin"></i></a></li>-->
            <!--            </ul>-->
            <!--        </div>-->

            <div class="clearfix"> </div>

        </div><!-- end header_main4 -->
    </div>
</div>
<!--轮播但不轮播-->
<!--<div class="slider-bg">-->
<!--    <div class="container">-->
<!--        <div class="grid-1">-->
<!--            <div class="col-md-5 left-grid-1 wow bounceInLeft" data-wow-delay="0.4s">-->
<!--                <h1>新闻公告</h1>-->
<!--            </div>-->
<!--            <div class="col-md-7 right-grid-1 wow bounceInRight" data-wow-delay="0.7s">-->
<!--                <div class="slider">-->
<!--                    <div class="callbacks_container">-->
<!--                        &lt;!&ndash;                        <ul class="rslides" id="slider">&ndash;&gt;-->
<!--                        &lt;!&ndash;                            <li>&ndash;&gt;-->
<!--                        &lt;!&ndash;                                <img src="../images/轮播图片1.jpeg" class="img-responsive" alt="" />&ndash;&gt;-->
<!--                        &lt;!&ndash;                            </li>&ndash;&gt;-->
<!--                        &lt;!&ndash;                            <li>&ndash;&gt;-->
<!--                        &lt;!&ndash;                                <img src="../images/轮播图片2.jpeg" class="img-responsive" alt="" />&ndash;&gt;-->
<!--                        &lt;!&ndash;                            </li>&ndash;&gt;-->
<!--                        &lt;!&ndash;                            <li>&ndash;&gt;-->
<!--                        &lt;!&ndash;                                <img src="../images/轮播图片3.jpeg" class="img-responsive" alt="" />&ndash;&gt;-->
<!--                        &lt;!&ndash;                            </li>&ndash;&gt;-->
<!--                        &lt;!&ndash;                            &lt;!&ndash;                            <li>&ndash;&gt;&ndash;&gt;-->
<!--                        &lt;!&ndash;                            &lt;!&ndash;                                <img src="images/slide1.png" class="img-responsive" alt="" />&ndash;&gt;&ndash;&gt;-->
<!--                        &lt;!&ndash;                            &lt;!&ndash;                            </li>&ndash;&gt;&ndash;&gt;-->
<!--                        &lt;!&ndash;                        </ul>&ndash;&gt;-->
<!--                        <img src="../images/轮播图片2.jpeg" width="100%" height="100%" alt="">-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
<!--            &lt;!&ndash;            </script><script src="../js/responsiveslides.min.js"></script>&ndash;&gt;-->
<!--            &lt;!&ndash;            <script>&ndash;&gt;-->
<!--            &lt;!&ndash;                $(function () {&ndash;&gt;-->
<!--            &lt;!&ndash;                    $("#slider").responsiveSlides({&ndash;&gt;-->
<!--            &lt;!&ndash;                        auto: true,&ndash;&gt;-->
<!--            &lt;!&ndash;                        nav: true,&ndash;&gt;-->
<!--            &lt;!&ndash;                        speed: 500,&ndash;&gt;-->
<!--            &lt;!&ndash;                        namespace: "callbacks",&ndash;&gt;-->
<!--            &lt;!&ndash;                        pager: true,&ndash;&gt;-->
<!--            &lt;!&ndash;                    });&ndash;&gt;-->
<!--            &lt;!&ndash;                });&ndash;&gt;-->
<!--            &lt;!&ndash;            </script>&ndash;&gt;-->

<!--        </div>-->
<!--        <div class="clearfix"> </div>-->
<!--    </div>-->
<!--</div>-->

<!--start-single-->
<div class="container">
    <div class="content">
        <!--start-right-content-->
        <div class="col-md-3 right-content">
<!--            <h5>Blog Search</h5>-->
<!--            <div class="search">-->
<!--                <form>-->
<!--                    <input type="text" value="Enter to search..." onfocus="this.value='';" onblur="if (this.value == '') {this.value ='';}">-->
<!--                    <input type="submit" value="">-->
<!--                </form>-->
<!--            </div>-->
            <div class="categories">
                <h4>目录</h4>
                <ul class="category">
                    <li><a href="#">新闻公告</a></li>
<!--                    <li><a href="#">没想到可以加什么暂时</a></li>-->
<!--                    <li><a href="#">scelerisque enim</a></li>-->
<!--                    <li><a href="#">Ut tincidunt</a></li>-->
<!--                    <li><a href="#">Aliquam mauris nunc,</a></li>-->
<!--                    <li><a href="#">convallis ex urna, ege</a></li>-->
<!--                    <li><a href="#"> et commodo</a></li>-->
                </ul>
            </div>
<!--            <div class="sidebar-bottom">-->
<!--                <h5>Archives</h5>-->
<!--                <ul>-->
<!--                    <li><a href="#">February 2015</a></li>-->
<!--                    <li><a href="#">January 2015</a></li>-->
<!--                    <li><a href="#">December 2015</a></li>-->
<!--                    <li><a href="#">November 2015</a></li>-->
<!--                    <li><a href="#">February 2015</a></li>-->
<!--                    <li><a href="#">December 2015</a></li>-->
<!--                </ul>-->
<!--            </div>-->
<!--            <div class="featured">-->
<!--                <h4>FEATURE POSTS</h4>-->
<!--                <ul>-->
<!--                    <li><a href="single.html"><img src="images/s1.jpg" alt=""/></a></li>-->
<!--                    <li><a href="single.html"><img src="images/s2.jpg" alt=""/></a></li>-->
<!--                    <li><a href="single.html"><img src="images/s3.jpg" alt=""/></a></li>-->
<!--                    <li><a href="single.html"><img src="images/s4.jpg" alt=""/></a></li>-->
<!--                    <li><a href="single.html"><img src="images/s5.jpg" alt=""/></a></li>-->
<!--                    <li><a href="single.html"><img src="images/s6.jpg" alt=""/></a></li>-->
<!--                </ul>-->
<!--            </div>-->
        </div>
        <div class="col-md-9 single-page">
            <div class="print-main wow fadeInLeft animated" data-wow-delay="0.4s">
                <h3>新闻（所有的新闻暂时都转向这一页哦）</h3>
                <p class="likes">Posted 02.05.2015 at 18:00h in Web Author By <a href="#">Jhone Smith</a> / <a href="#">60 Likes</a> / <a href="#">2 Comments</a></p>
                <a href="single.html"><img src="images/single.jpg" class="img-responsive" alt="" /></a>
                <ul class="single-icons">
                    <li><a href="#"><i class="penc"></i></a></li>
                    <li><i class="date2"></i></li>
                </ul>
                <p class="span"><a href="#">3D Printing,</a> <a href="#">3D Software,</a> <a href="#"> Files to Print </a>on february 14,2015</p>
                <p class="ptext">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose injected humour and the like</p>
                <p class="ptext">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose injected humour and the like</p>
            </div>
<!--            <div class="single-content">-->
<!--                <div class="single">-->
<!--                    <div class="leave">-->
<!--                        <h4>Leave a comment</h4>-->
<!--                    </div>-->
<!--                    <form id="commentform" class="wow fadeInRight animated" data-wow-delay="0.4s">-->
<!--                        <p class="comment-form-author-name"><label for="author">Name</label>-->
<!--                            <input id="author" name="author" type="text" value="" size="30" aria-required="true">-->
<!--                        </p>-->
<!--                        <p class="comment-form-email">-->
<!--                            <label for="email">Email</label>-->
<!--                            <input id="email" name="email" type="text" value="" size="30" aria-required="true">-->
<!--                        </p>-->
<!--                        <p class="comment-form-url">-->
<!--                            <label for="url">Website</label>-->
<!--                            <input id="url" name="url" type="text" value="http://w3layouts.com" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'http://w3layouts.com';}">-->
<!--                        </p>-->
<!--                        <p class="comment-form-comment">-->
<!--                            <label for="commentform">Comment</label>-->
<!--                            <textarea></textarea>-->
<!--                        </p>-->
<!--                        <div class="clearfix"></div>-->
<!--                        <p class="form-submit">-->
<!--                            <input name="submit" type="submit" id="submit" value="Send">-->
<!--                        </p>-->
<!--                        <div class="clearfix"></div>-->
<!--                    </form>-->
<!--                </div>-->
<!--                <div class="comments1">-->
<!--                    <h4>COMMENTS</h4>-->
<!--                    <div class="comments-main wow fadeInLeft animated" data-wow-delay="0.4s">-->
<!--                        <div class="col-md-3 cmts-main-left">-->
<!--                            <img src="images/avatar.jpg" alt="">-->
<!--                        </div>-->
<!--                        <div class="col-md-9 cmts-main-right">-->
<!--                            <a href="#"><h5>TOM BROWN</h5></a>-->
<!--                            <p>Vivamus congue turpis in laoreet sem nec ultrices.reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as to using 'Content here, content here', making it look like readable English. Sed semper purus sit amet lorem elementum faucibus.</p>-->
<!--                            <div class="cmts">-->
<!--                                <div class="col-md-8 cmnts-left">-->
<!--                                    <p>On April 14, 2014, 18:01</p>-->
<!--                                </div>-->
<!--                                <div class="col-md-4 cmnts-right">-->
<!--                                    <a href="#">Reply</a>-->
<!--                                </div>-->
<!--                                <div class="clearfix"></div>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                        <div class="clearfix"></div>-->
<!--                    </div>-->
<!--                    <div class="comments-main wow fadeInRight animated" data-wow-delay="0.4s">-->
<!--                        <div class="col-md-3 cmts-main-left">-->
<!--                            <img src="images/avatar.jpg" alt="">-->
<!--                        </div>-->
<!--                        <div class="col-md-9 cmts-main-right">-->
<!--                            <a href="#"><h5>MARK JOHNSON</h5></a>-->
<!--                            <p>Vivamus congue turpis in laoreet sem nec ultrices.reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as to using 'Content here, content here', making it look like readable English. Sed semper purus sit amet lorem elementum faucibus.</p>-->
<!--                            <div class="cmts">-->
<!--                                <div class="col-md-8 cmnts-left">-->
<!--                                    <p>On April 14, 2014, 18:01</p>-->
<!--                                </div>-->
<!--                                <div class="col-md-4 cmnts-right">-->
<!--                                    <a href="#">Reply</a>-->
<!--                                </div>-->
<!--                                <div class="clearfix"></div>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                        <div class="clearfix"></div>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
        </div>
        <div class="clearfix"></div>

    </div>
</div>
<!--/start-footer-section-->
<!--页脚-->
<div class="footer-section">
    <div class="container">
        <div class="footer-grids wow bounceIn animated" data-wow-delay="0.4s">
            <div class="col-md-4 footer-grid">
                <h4>版权所有</h4>
                <div class="border2"></div>
                <p>东北林业大学信息与计算机工程学院软件工程专业</p>
                <!--                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque id arcu neque, at convallis est felis.</p>-->
                <!--                <p class="sub">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque id arcu neque, at convallis est felis.</p>-->
            </div>
            <div class="col-md-4 footer-grid tags">
                <h4>提出建议</h4>
                <div class="border2"></div>
                <a href="#" style="color: white; text-decoration: none"><p>提出建议</p></a>
                <!--                <ul class="tag">-->
                <!--                    <li><a href="#">Awesome</a></li>-->
                <!--                    <li><a href="#">Strategy</a></li>-->
                <!--                    <li><a href="#">Photography</a></li>-->
                <!--                    <li><a href="#">Development</a></li>-->
                <!--                    <li><a href="#">Css</a></li>-->
                <!--                    <li><a href="#">photoshop</a></li>-->
                <!--                    <li><a href="#">Html</a></li>-->
                <!--                    <li><a href="#">Awesome</a></li>-->
                <!--                    <li><a href="#">Strategy</a></li>-->
                <!--                    <li><a href="#">Photoshop</a></li>-->
                <!--                    <li><a href="#">Html</a></li>-->
                <!--                </ul>-->
            </div>
            <div class="col-md-4 footer-grid tweet">
                <h4>联系方式</h4>
                <div class="border2"></div>
                <p>电话：11111111111</p>
                <p>qq: 2222222222</p>
                <p>邮箱：3333333333@xx.com</p>
                <!--                <div class="icon-3-square">-->
                <!--                    <a href="#"><i class="square-3"></i></a>-->
                <!--                </div>-->
                <!--                <div class="icon-text">-->
                <!--                    <p>I like this awesome freebie. Check it out<a href="#"> @http://t.co/9vslJFpW </a></p>-->
                <!--                    <h5>About 15 mins</h5>-->
                <!--                </div>-->
                <!--                <div class="clearfix"></div>-->
                <!--                <div class="icon-3-square">-->
                <!--                    <a href="#"><i class="square-3"></i></a>-->
                <!--                </div>-->
                <!--                <div class="icon-text">-->
                <!--                    <p>I like this awesome freebie. Check it out<a href="#"> @http://t.co/9vslJFpW </a></p>-->
                <!--                    <h5>About 15 mins</h5>-->
                <!--                </div>-->
                <!--                <div class="clearfix"></div>-->
            </div>
            <!--            <div class="col-md-3 footer-grid flickr">-->
            <!--                <h4>flickr feed</h4>-->
            <!--                <div class="border2"></div>-->
            <!--                <div class="flickr-grids">-->
            <!--                    <div class="flickr-grid">-->
            <!--                        <a href="#"><img src="../images/f1.png" alt=" " title="CEO" /></a>-->
            <!--                    </div>-->
            <!--                    <div class="flickr-grid">-->
            <!--                        <a href="#"><img src="../images/f2.png" alt=" " title="GM" /></a>-->
            <!--                    </div>-->
            <!--                    <div class="flickr-grid">-->
            <!--                        <a href="#"><img src="../images/f3.png" alt=" " title="CEO" /></a>-->
            <!--                    </div>-->
            <!--                    <div class="clearfix"> </div>-->

            <!--                    <div class="flickr-grid">-->
            <!--                        <a href="#"><img src="../images/f4.png" alt=" " title="GM" /></a>-->
            <!--                    </div>-->
            <!--                    <div class="flickr-grid">-->
            <!--                        <a href="#"><img src="../images/f3.png" alt=" " title="CEO" /></a>-->
            <!--                    </div>-->
            <!--                    <div class="flickr-grid">-->
            <!--                        <a href="#"><img src="../images/f2.png" alt=" " title="GM" /></a>-->
            <!--                    </div>-->
            <!--                    <div class="clearfix"> </div>-->
            <!--                </div>-->
            <!--            </div>-->
            <div class="clearfix"></div>
        </div>
    </div>
</div>
<!--<div class="footer-section">-->
<!--    <div class="container">-->
<!--        <div class="footer-grids wow bounceIn animated" data-wow-delay="0.4s">-->
<!--            <div class="col-md-3 footer-grid">-->
<!--                <h4>About studeon</h4>-->
<!--                <div class="border2"></div>-->
<!--                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque id arcu neque, at convallis est felis.</p>-->
<!--                <p class="sub">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque id arcu neque, at convallis est felis.</p>-->
<!--            </div>-->
<!--            <div class="col-md-3 footer-grid tags">-->
<!--                <h4>the tags</h4>-->
<!--                <div class="border2"></div>-->
<!--                <ul class="tag">-->
<!--                    <li><a href="#">Awesome</a></li>-->
<!--                    <li><a href="#">Strategy</a></li>-->
<!--                    <li><a href="#">Photography</a></li>-->
<!--                    <li><a href="#">Development</a></li>-->
<!--                    <li><a href="#">Css</a></li>-->
<!--                    <li><a href="#">photoshop</a></li>-->
<!--                    <li><a href="#">Html</a></li>-->
<!--                    <li><a href="#">Awesome</a></li>-->
<!--                    <li><a href="#">Strategy</a></li>-->
<!--                    <li><a href="#">Photoshop</a></li>-->
<!--                    <li><a href="#">Html</a></li>-->
<!--                </ul>-->
<!--            </div>-->
<!--            <div class="col-md-3 footer-grid tweet">-->
<!--                <h4>latest tweets</h4>-->
<!--                <div class="border2"></div>-->
<!--                <div class="icon-3-square">-->
<!--                    <a href="#"><i class="square-3"></i></a>-->
<!--                </div>-->
<!--                <div class="icon-text">-->
<!--                    <p>I like this awesome freebie. Check it out<a href="#"> @http://t.co/9vslJFpW </a></p>-->
<!--                    <h5>About 15 mins</h5>-->
<!--                </div>-->
<!--                <div class="clearfix"></div>-->
<!--                <div class="icon-3-square">-->
<!--                    <a href="#"><i class="square-3"></i></a>-->
<!--                </div>-->
<!--                <div class="icon-text">-->
<!--                    <p>I like this awesome freebie. Check it out<a href="#"> @http://t.co/9vslJFpW </a></p>-->
<!--                    <h5>About 15 mins</h5>-->
<!--                </div>-->
<!--                <div class="clearfix"></div>-->
<!--            </div>-->
<!--            <div class="col-md-3 footer-grid flickr">-->
<!--                <h4>flickr feed</h4>-->
<!--                <div class="border2"></div>-->
<!--                <div class="flickr-grids">-->
<!--                    <div class="flickr-grid">-->
<!--                        <a href="#"><img src="images/f1.png" alt=" " title="CEO" /></a>-->
<!--                    </div>-->
<!--                    <div class="flickr-grid">-->
<!--                        <a href="#"><img src="images/f2.png" alt=" " title="GM" /></a>-->
<!--                    </div>-->
<!--                    <div class="flickr-grid">-->
<!--                        <a href="#"><img src="images/f3.png" alt=" " title="CEO" /></a>-->
<!--                    </div>-->
<!--                    <div class="clearfix"> </div>-->

<!--                    <div class="flickr-grid">-->
<!--                        <a href="#"><img src="images/f4.png" alt=" " title="GM" /></a>-->
<!--                    </div>-->
<!--                    <div class="flickr-grid">-->
<!--                        <a href="#"><img src="images/f3.png" alt=" " title="CEO" /></a>-->
<!--                    </div>-->
<!--                    <div class="flickr-grid">-->
<!--                        <a href="#"><img src="images/f2.png" alt=" " title="GM" /></a>-->
<!--                    </div>-->
<!--                    <div class="clearfix"> </div>-->
<!--                </div>-->
<!--            </div>-->
<!--            <div class="clearfix"></div>-->
<!--        </div>-->
<!--    </div>-->
<!--</div>-->
<!--//end-footer-section-->
<!--/start-copyright-section-->
<!--<div class="copyright">-->
<!--    <div class="container">-->
<!--        <div class="logo2  wow bounceInLeft" data-wow-delay="0.4s"><a href="index.html"><img src="images/logo2.png" alt="" title="logo" /></a></div>-->
<!--        <p class="write  wow bounceInRight" data-wow-delay="0.4s">Copyright &copy; 2015.Company name All rights reserved.<a target="_blank" href="http://lidaojia.tmall.com/">力到家旗舰店</a><a target="_blank" href="http://lidaojia.tmall.com">网页模板</a></p>-->
<!--    </div>-->
<!--    <div class="clearfix"></div>-->
<!--</div>-->

<!--//end-copyright-section-->
<!--start-smoth-scrolling-->
<script type="text/javascript" src="../js/move-top.js"></script>
<script type="text/javascript" src="../js/easing.js"></script>
<script type="text/javascript">
    jQuery(document).ready(function($) {
        $(".scroll").click(function(event){
            event.preventDefault();
            $('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
        });
    });
</script>
<!--start-smoth-scrolling-->
<script type="text/javascript">
    $(document).ready(function() {
        /*
        var defaults = {
              containerID: 'toTop', // fading element id
            containerHoverID: 'toTopHover', // fading element hover id
            scrollSpeed: 1200,
            easingType: 'linear'
         };
        */

        $().UItoTop({ easingType: 'easeOutQuart' });

    });
</script>
<a href="#head" id="toTop" class="scroll" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>


</body>
</html>